/* pages/main/index/postDetail/resume_editor/resume_editor.wxss */
@import '../styleUtils/resume.less';

.container {
  background-color: #F5F5F5;
//   background-color: #ffffff;
}

.header{
    position: relative;
    .bgImage{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .title {
        position: absolute;
        z-index: 100;
    }
}

.press-canvas{
    position: absolute;
    top: -100000rpx;
    left: 0;
    background-color: gray;
}

.photos{
    padding: 0 32rpx;
    background: #ffffff;
    .title{
        font-size: 32rpx;
        color: #222222;
        line-height: 90rpx;
    }
    .hint{
        color: #838383;
        font-size: 24rpx;
        margin-bottom: 20rpx;
    }
    .upload_atlas{
        display: flex;
        flex-wrap: wrap;
        .item{
            width: 182rpx;
            height: 182rpx;
            background:rgba(246,246,246,1);
            border-radius:10rpx;
            margin-right: 30rpx;
            margin-bottom: 30rpx;
            position: relative;
            .img{
                width: 100%;
                height: 100%;
                border-radius:10rpx;
            }
            .del{
                width: 40rpx;
                height: 40rpx;
                position: absolute;
                top: -20rpx;
                right: -20rpx;
            }
        }

    }
}
.save_info{
    margin-bottom: 64rpx;
}
// 空闲时间
.free_time{
    .title{
        font-size: 28rpx;
        color: #4C4C4C;
        line-height: 60rpx;
        text-align: left;
        .hint{
            color: #838383;
        }
    }
    .lists{
        display: flex;
        flex-wrap: wrap;
        padding-top: 20rpx;
        .item{
            border-radius: 4rpx;
            margin-right: 26rpx;
            margin-bottom: 26rpx;
            width: 142rpx;
            height: 60rpx;
            border: 1rpx solid #D7D7D7;
            font-size: 28rpx;
            color: #4C4C4C;
            display: flex;
            justify-content: center;
            align-items: center;
            &.active{
                background-color: #FD7C04;
                color: #ffffff;
                border:none;
            }
        }
    }
    .select_time{
        padding: 30rpx 0;
        width: 100%;
        height: 420rpx;
    }
}

.salary_main{
    .button_lists{
        display: flex;
        align-items: center;
        justify-content: space-between;
        .item{
            width: 200rpx;
            border-radius:4rpx;
            height: 66rpx;
            border:1px solid rgba(253,124,4,1);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28rpx;
            color: #FD7C04;
            &.active{
                background: #FD7C04;
                color: #ffffff;
            }
        }
    }
    .content{
        background-color: #F5F5F5;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 80rpx 0;
        .input_data{
            display: flex;
            align-items: center;
            justify-content: center;
            .edit{
                width: 400rpx;
                height: 90rpx;
                border: 1px solid #D7D7D7;
                border-radius: 10rpx;
                background: #ffffff;
                padding: 0 20rpx;
                font-size: 24rpx;
            }
            .two{
                width: 200rpx;
            }
        }
        .hint{
            font-size: 28rpx;
            color: #838383;
            margin-left: 20rpx;
        }
    }

}

// 期望薪资
.conflict_interview{
    .popup-container{
        box-shadow:0px 1px 0px 0px rgba(76,76,76,0.2);
        border-radius:20rpx 20rpx 0px 0px;
        background-color: #ffffff;
        .popup-top{
            height: 100rpx;
            padding: 0 32rpx;
            position: relative;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 32rpx;
            color: #4C4C4C;
            .title{
                font-size: 34rpx;
                font-weight: 800;
                color: #222222;
            }
            &:before{
                content: " ";
                position: absolute;
                bottom: 0;
                width: 100%;
                left: 0;
                border-bottom: 1px solid #D7D7D7;
                color: #D9D9D9;
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
                -webkit-transform: scaleY(0.5);
                transform: scaleY(0.5);
            } 
        }

        .content_body{
            padding: 40rpx 32rpx;
            .content{
                background-color: #F5F5F5;
            }
        }
    }
}

.bgfff{
    background-color: #ffffff;
    padding-bottom: 64rpx;
    height: 100vh;
    overflow-y: auto;
}